<!-- 轮播图 -->
    <div class="hbsj_banner">
      <ul class="clearfix banner_images" style="margin-top: 40px;">
        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/banner8.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img class="hbsj_banner_img" src="http://hbsj.xyz/h5/hbsj_gg4_1000.png" alt="" >
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/hbsj_gg3_1000.png" alt="" height="168" width="100%" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="https://aecpm.alicdn.com/simba/img/TB1V7g3GVXXXXbKXVXXSutbFXXX.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://img.alicdn.com/imgextra/i2/38/O1CN014c6NyQ1C9Ra84pMME_!!38-0-luban.jpg_q100.jpg_.webp" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/hbsj_gg2_1000.png" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/banner6.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/banner7.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/banner8.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

        <li>
          <a href="">
            <img src="http://hbsj.xyz/h5/banner1.jpg" alt="" class="hbsj_banner_img">
          </a>
        </li>

      </ul>
      <ul class="banner_index clearfix">
        <li class="current"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>